﻿<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="jdy" uri="http://www.qwe.com.cn/tags" %>
<%
	String path = request.getContextPath();
	request.setAttribute("path", path);
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
 
    <link rel='stylesheet' href='${path}/css/style.css'>
    <link rel='stylesheet' href='${path}/css/swiper.min.css'>
	<link rel='stylesheet' href='${path}/css/common.css'>
	<link rel="stylesheet" href="${path}/css/lanrenzhijia.css" media="all">
	  
    <script src="${path}/js/jquery.1.11.1.js"></script>
    <script src="${path}/js/swiper.min.js"></script>  
    <script src="${path}/js/idangerous.swiper.min.js"></script> 
	
	<!-- 返回顶部2个JS -->
	<script type="text/javascript" src="${path}/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${path}/js/sucaijiayuan.js"></script>
	<script type="text/javascript" src="${path}/js/jquery.min.js"></script>
 <script type="text/javascript" src="${path }/layer_mobile/layer.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
     <title>五天情侣-来一场爱情时间赛</title>
	

<script src="${path}/js/zepto.min.js"></script>
<script src="${path}/js/red.js"></script>

<script type="text/javascript">
//图片接口验证
$(function(){
	get_wx_config();
});

function get_wx_config() {
	// url（当前网页的URL，不包含#及其后面部分）
//	alert("测试上传图片接口");
	var url = window.location.href.split('#')[0];
//	alert(_path+"/live/getConfigInfo");
	$.ajax({
		url : _path+"/live/getConfigInfo",
		type : "POST",
		dataType : "json",
		async : false,
		error : function(request) {
			alert("config接口连接错误！");
		},
		success : function(data) {
//			alert("appId:"+data.appId+",timestamp:"+data.timestamp+",nonceStr:"+data.nonceStr+",jsapi_ticket"+",signature:"+data.signature+",originalStr:"+data.originalStr);
			// 步骤三：通过config接口注入权限验证配置

			wx.config({
				debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
				appId : data.appId, // 必填，公众号的唯一标识
				timestamp : data.timestamp, // 必填，生成签名的时间戳
				nonceStr : data.nonceStr, // 必填，生成签名的随机串
				signature : data.signature,// 必填，签名，见附录1
				jsApiList : [ "chooseImage", "previewImage", "uploadImage",
						"downloadImage" ,"onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo"]
			// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
			// 基本思路是，上传图片到微信服务器->下载多媒体接口讲图片下载到服务器->返回服务器存储路径->前台显示
			});
			// 步骤四：通过ready接口处理成功验证
			wx.ready(function() {
				// alert("wx.config success.");
				diaoyong();
			});

			wx.error(function(res) {
				// alert("wx.config failed.");
			//	alert(res.errMsg);
				// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，
				// 也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
			});
			// {"errMsg":"config:invalid signature"}
		}
	});
}
//微信自定义分享
function diaoyong(){
	var title='5天情侣邀请你来一场非凡的爱情';
    var link="http://www.bee-live.cn/lovers/qitianqinglverweima";
    var imgUrl=document.getElementById("shareImg").src;
    var desc='${data.description}';
//	    alert(title);
	wx.onMenuShareTimeline({//1.获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
        title: title, // 分享标题
        desc:desc,   //分享描述
        link: link, // 分享链接
        imgUrl: imgUrl, // 分享图标    			                
        success: function () { 
           //用户确认分享后执行的回调函数
        	saveVisitLog(${watchUser.liveId}, '${watchUser.openid }','${watchUser.nickname }','${watchUser.headimgurl }','${watchUser.sex}', "分享直播地址到朋友圈", "1");
        },
        cancel: function () { 
           //用户取消分享后执行的回调函数
        }
    });
	 wx.onMenuShareAppMessage({//2.获取“分享给朋友”按钮点击状态及自定义分享内容接口
         title: title, // 分享标题
         desc: desc, // 分享描述
         link: link, // 分享链接
         imgUrl: imgUrl, // 分享图标
         type: '', // 分享类型,music、video或link，不填默认为link
         dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
         success: function () { 
            //用户确认分享后执行的回调函数
         	saveVisitLog(${watchUser.liveId}, '${watchUser.openid }','${watchUser.nickname }','${watchUser.headimgurl }','${watchUser.sex}', "分享直播地址给好友", "1");
         },
         cancel: function () { 
            //用户取消分享后执行的回调函数
         }
     });
	 wx.onMenuShareQQ({
		    title: title, // 分享标题
		    desc: desc, // 分享描述
		    link: link, // 分享链接
		    imgUrl: imgUrl, // 分享图标
		    success: function () { 
		       //用户确认分享后执行的回调函数
            	saveVisitLog(${watchUser.liveId}, '${watchUser.openid }','${watchUser.nickname }','${watchUser.headimgurl }','${watchUser.sex}', "分享直播地址到QQ", "1");
		    },
		    cancel: function () { 
		       //用户取消分享后执行的回调函数
		    }
		});
	 wx.onMenuShareWeibo({
		    title: title, // 分享标题
		        desc: desc, // 分享描述
		        link: link, // 分享链接
		        imgUrl: imgUrl, // 分享图标
		    success: function () { 
		       //用户确认分享后执行的回调函数
            	saveVisitLog(${watchUser.liveId}, '${watchUser.openid }','${watchUser.nickname }','${watchUser.headimgurl }','${watchUser.sex}', "分享直播地址到微博", "1");
		    },
		    cancel: function () { 
		        //用户取消分享后执行的回调函数
		    }
		});
}

</script>


<script src="${path}/js/jquery-2.1.1.js" type="text/javascript"></script>

</head>
<body>
<div class="a of" style="margin-bottom: 40px;">
	
	<div class="k">
		
	</div>
	<!-- 视频 -->
	<div class="q">
	<img src="${path}/images/logo.png" width="100%"  height="100%"/>
	</div>
	<!-- 在线人数 评论条数 -->
	
</div  >
  <div class="i">
	
		<form id="form" action="" method="post" class="white-pink" >
			<h1 style="text-align: center;">恭喜您！已成功提交</h1>
		<br>
		  <ul style="font-size: 14px;color:#666;text-align: center;">
		  <li>请置顶公众号，以防错过匹配结果</li>
		    <li>你当前的匹配优先度为：</li>
		      <li style="font-size: 20px;color: #FF4040;">${loversUser.pipl}0%</li>
		       <li>(上限为90%，目前匹配优先度较低)</li>
		       <li>(每一位好友点击链接，都会为你增加5%匹配优先度。)</li>
		  </ul>
			 
		<div style="margin-top: 10px;">	 
		
		</div>
		
		   <span style=";border:none;font-size:15px;color:#FF4500;text-align: center;">
		点击右上角分享,继续提升匹配优先度吧.
		</span>
		</form>
	</div>
   
   
</body>
</html>

